import { useEffect, useState } from "react"

const useFontSize = () => {
    const [fontSize, setFontSize] = useState(14)
    const [isMobile, setIsMobile] = useState(false)
    useEffect(() => {
        const handleResize = () => {
            if (window.innerWidth < 768) {
                setIsMobile(true)
            } else {
                setIsMobile(false)
            }
        }
        window.addEventListener('resize', handleResize)
        return () => {
            window.removeEventListener('resize', handleResize)
        }
    }, [])
    useEffect(() => {
        if (isMobile) {
            setFontSize(12)
        } else {
            setFontSize(14)
        }
    }, [isMobile])
    return { fontSize }
}
export default useFontSize